$contentTextColor:#5C5C5C;
$titleTextColor:#252525;
//主色
$mainColor: #28305B;
//主区域背景
$mainAreaBg: #F0F2F5;
// sidebar
$menuText: #FFFFFF;
//$menuBg:#304156;
$menuBg: #404952;
//$menuHover:#263445;
$menuHover: #28305B;

//$menuActiveText:#409EFF;
$menuActiveText: #ffffff;
$subMenuText: #FFFFFF;
$subMenuActiveText: $menuActiveText; //https://github.com/ElemeFE/element/issues/12951
$subMenuTitleActiveText: $menuText; //https://github.com/ElemeFE/element/issues/12951

$subMenuBg: #343A45;
$subMenuHover: $menuHover;
$menuActiveBg: #0091FF;
$subMenuTitleActiveBg: $menuBg;
$subMenuActiveBg: #0091FF;

$sideBarWidth: 210px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  mainColor: $mainColor;
  mainAreaBg: $mainAreaBg;
  menuText: $menuText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  menuActiveText: $menuActiveText;
  subMenuText: $subMenuText;
  subMenuActiveText: $subMenuActiveText;
  subMenuTitleActiveText: $subMenuTitleActiveText;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  menuActiveBg: $menuActiveBg;
  subMenuTitleActiveBg: $subMenuTitleActiveBg;
  subMenuActiveBg: $subMenuActiveBg;
  sideBarWidth: $sideBarWidth;

  contentTextColor:$contentTextColor;
  titleTextColor:$titleTextColor;
}
